<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
	<head>
		<base href="<%=basePath%>">
		<title></title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		
	</head>
	<body>
		<div
			style="width: 740px; left: 50%; margin: 0px 0 0 -370px; position: absolute; top: 100px;">
			<section>
			<div class="page-header">
				<h1>
					对话框
					<small>bootstrap-modal.js</small>
				</h1>
			</div>
			<div class="row">
				<a id="clickdo" class="btn btn-primary btn-large" >点击演示</a>
				<div id="nicolasMoldal" class="modal hide fade"
					style="display: none;">
					<div class="modal-header">
						<a class="close" data-dismiss="modal">×</a>
						<h3>
							对话框标题
						</h3>
					</div>
					<div class="modal-body">
						<h4>
							对话框文字
						</h4>

					</div>
					<div class="modal-footer">
						<a href="#" class="btn" data-dismiss="modal">关闭</a>
						<a href="#" class="btn btn-primary">保存更改</a>
					</div>
				</div>
				<hr>
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th style="width: 150px;">
								事件
							</th>
							<th>
								描述
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>
								show
							</td>
							<td>
								该事件在调用
								<code>
									show
								</code>
								方法时立刻触发。
							</td>
						</tr>
						<tr>
							<td>
								shown
							</td>
							<td>
								该事件在对话框已经呈现给用户后（要等CSS过渡效果生效后）触发。
							</td>
						</tr>
						<tr>
							<td>
								hide
							</td>
							<td>
								该事件在对话框使用
								<code>
									hide
								</code>
								方法时立刻触发。
							</td>
						</tr>
						<tr>
							<td>
								hidden
							</td>
							<td>
								该事件在对话框已经关闭后（要等CSS过渡效果生效后）触发。
							</td>
						</tr>
					</tbody>
				</table>
			</div>

			</section>
		</div>
		<script type="text/javascript" src="<%=basePath%>view/index.js"></script>
	</body>
</html>
